<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
    <title>Blossom</title>
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <link rel="stylesheet" href="/style/loading.min.css">
    <!--  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/loadingio/loading.css@v2.0.0/dist/loading.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/loadingio/transition.css@v2.0.0/dist/transition.min.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14.0/css/v4-shims.min.css"
          integrity="sha256-dDujvW7I1QbI1s+Nv1S/bU1HwIkAaQMW4BDX7y+UnLQ=" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14.0/css/all.min.css"
          integrity="sha256-FMvZuGapsJLjouA6k7Eo2lusoAX9i0ShlWFG6qt7SLc=" crossorigin="anonymous">
    <style>
        #waifu {
            left: auto !important;
            right: 14px;
        }

        #waifu-toggle {
            z-index: 9999;
        }


        html, body {
            position: relative;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

        html {
            line-height: 1.15; /* 1 */
            -webkit-text-size-adjust: 100%; /* 2 */
            -webkit-overflow-scrolling: touch;
            font-size: 12px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
        }

        .hiddenLoading {
            background-color: transparent !important;
            transform: translateY(-100%);
        }
    </style>
</head>
<body>
<div id="preloader">
    <div class="outer">
        <div class="infinity">
            <div>
                <span></span>
            </div>
            <div>
                <span></span>
            </div>
            <div>
                <span></span>
            </div>
        </div>
    </div>
</div>
<noscript>
    <strong>We're sorry but blog doesn't work properly without JavaScript enabled. Please enable it to
        continue.</strong>
</noscript>
<div id="app"></div>


<!-- built files will be auto injected -->
<!--font-awesome-->
<!--<script src="https://kit.fontawesome.com/275196b701.js" crossorigin="anonymous"></script>-->
<!--random name-->
<script src="https://cdn.jsdelivr.net/gh/poush/random-animal/dist/random-animal.min.js"></script>

<!--websocket-->
<!--<script src="https://cdn.jsdelivr.net/npm/socket.io-client@2.3.0/dist/socket.io.slim.j s"></script>-->
<script src="https://cdn.jsdelivr.net/npm/socket.io-client@2.3.0/dist/socket.io.dev.js"></script>

<!--popover-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.4.4/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/tippy.js@6.2.6/dist/tippy-bundle.umd.min.js"></script>

<!--分页-->
<script src="https://cdn.jsdelivr.net/npm/vuejs-paginate@2.1.0/dist/index.js"></script>

<!--看板娘-->
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>

<!--better-scroll-->
<script src="https://cdn.jsdelivr.net/npm/better-scroll@2.0.2/dist/better-scroll.min.js"
        integrity="sha256-5Trn3fEXqr0biJjt1wqFnHv4gP2vmZZ8pSlNn0ibNx4=" crossorigin="anonymous"></script>

<!--MD5-->
<script src="https://cdn.jsdelivr.net/npm/md5@2.3.0/dist/md5.min.js"
        integrity="sha256-se0xQkOOX44nCifjHRn5CNgLrhal4aKrdzH5gaCXB/4=" crossorigin="anonymous"></script>
</body>
</html>
